<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

		<!-- Title -->
		<title>启航者运输车队</title>

		<!-- Favicon Ico -->
		<link rel="shortcut icon" href="images/favicon.ico">

		<!-- =============================
                stylesheets
    ================================== -->

		<!-- Normalize And Bootstrap -->
		<link rel="stylesheet" href="css/normalize.css">
		<link rel="stylesheet" href="css/bootstrap.min.css">

		<!-- Google Font  -->
		<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Raleway:600,700,400,300' rel='stylesheet' type='text/css'>

		<!-- Font Icons -->
		<link rel="stylesheet" href="css/font-awesome/css/font-awesome.min.css" />

		<!-- Plugin Default Stylesheets -->
		<link rel="stylesheet" href="css/magnific-popup.css">
		<link rel="stylesheet" href="css/slider-pro.css">
		<link rel="stylesheet" href="css/owl.carousel.css">
		<link rel="stylesheet" href="css/owl.theme.css">
		<link rel="stylesheet" href="css/owl.transitions.css">
		<link rel="stylesheet" href="css/animate.css">

		<!-- Main Stylesheet -->
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="css/responsive.css" />
		<link rel="stylesheet" href="css/color.css" id="colors" />

		<!--[if lt IE 9]>
        <script src="js/html5shiv.min.js"></script>
        <script src="js/respond.min.js"></script>
        <script type="text/javascript" src="js/selectivizr.js"></script>
    <![endif]-->
	</head>

	<body>
		<!-- Preloader -->
		<div class="preloader">
			<div class="status"></div>
		</div>

		<!-- =============================
                    Header
    ================================== -->
		<header>
			<!-- Navigation Menu start-->
			<nav class="navbar blete-main-menu" role="navigation">
				<div class="container">

					<!-- Navbar Toggle -->
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse"
							data-target=".navbar-collapse">
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>

						<!-- Logo -->
						<a class="navbar-brand" href="index.html"><img class="logo" id="logo" src="images/logo.png"
								alt="logo"></a>

					</div>
					<!-- Navbar Toggle End -->

					<!-- navbar-collapse start-->
					<div id="nav-menu" class="navbar-collapse collapse" role="navigation">
						<ul class="nav navbar-nav blete-menu-wrapper">
							<li>
								<a href="index.html">首页<br />Home</a>
							</li>
							<li>
								<a href="pricing-table.html">介绍<br />Introduction</a>
							</li>
							<li class="active">
								<a href="portfolio.html">相册<br />Photo</a>
							</li>
							<li>
								<a href="progress.html">联系我们<br />Contact Us </a>
							</li>
							<li>
								<a href="contact.html">车队直播<br />Team Live</a>
							</li>
						</ul>
					</div>
					<!-- navbar-collapse end-->

				</div>
			</nav>
			<!-- Navigation Menu end-->
		</header>
		<!-- Header End -->

		<div class="header-img">
			<img src="images/img-header/slider-img-2.jpg" alt="">
		</div>


		<!-- =============================
                Portfolio Section
    ================================== -->
		<section id="portfolio" class="blete-portfolio-section">
			<div class="container">
				<div class="row">

					<!-- Section Header -->
					<div class="col-md-12 col-sm-12 col-xs-12 blete-section-header wow fadeInDown">
						<h2>车队<span class="blete-highlight-text">联运相册</span></h2>
						<div class="blete-section-divider"></div>
						<p class="col-md-8 col-sm-10 col-xs-12 col-md-offset-2 col-sm-offset-1"></p>
					</div>
					<!-- Section Header End -->

				</div>
			</div>

			<!-- Works -->
			<div class="blete-portfolio-works wow fadeIn" data-wow-duration="2s">

				<!-- Filter Button Start -->
				<div id="blete-portfolio-filter" class="blete-portfolio-filter-btn-group">
					<ul>
						<li>
							<a href="#" class="selected" data-filter="*">全部</a>
							<a href="#" data-filter=".web-design">车队联运</a>
							<a href="#" data-filter=".web-development">友谊联运</a>
						</li>
					</ul>
				</div>
				<!-- Filter Button End -->

				<div class="blete-portfolio-items">

					<!-- Portfolio Items -->
					<div class="item blete-portfolio-item web-design">

						<img src="images/img-portfolio/portfolio1.jpg">
						<div class="blete-portfolio-details-wrapper">
							<div class="blete-portfolio-details">
								<div class="blete-portfolio-meta-btn">
									<ul>
										<li class="blete-lighbox"><a href="images/img-portfolio/portfolio1.jpg"
												class="blete-featured-work-img"><i class="fa fa-search"></i></a></li>
									</ul>
								</div>
							</div>
						</div>

					</div>
					<!-- Portfolio Items End -->

					<!-- Portfolio Items -->
					<div class="item blete-portfolio-item web-development">

						<img src="images/img-portfolio/portfolio9.jpg">
						<div class="blete-portfolio-details-wrapper">
							<div class="blete-portfolio-details">
								<div class="blete-portfolio-meta-btn">
									<ul>
										<li class="blete-lighbox"><a href="images/img-portfolio/portfolio9.jpg"
												class="blete-featured-work-img"><i class="fa fa-search"></i></a></li>
									</ul>
								</div>
							</div>
						</div>

					</div>
					<!-- Portfolio Items End -->

					<!-- Portfolio Items -->
					<div class="item blete-portfolio-item web-design">

						<img src="images/img-portfolio/portfolio2.jpg">
						<div class="blete-portfolio-details-wrapper">
							<div class="blete-portfolio-details">
								<div class="blete-portfolio-meta-btn">
									<ul>
										<li class="blete-lighbox"><a href="images/img-portfolio/portfolio2.jpg"
												class="blete-featured-work-img"><i class="fa fa-search"></i></a></li>
									</ul>
								</div>
							</div>
						</div>

					</div>
					<!-- Portfolio Items End -->

					<!-- Portfolio Items -->
					<div class="item blete-portfolio-item web-development">

						<img src="images/img-portfolio/portfolio10.jpg">
						<div class="blete-portfolio-details-wrapper">
							<div class="blete-portfolio-details">
								<div class="blete-portfolio-meta-btn">
									<ul>
										<li class="blete-lighbox"><a href="images/img-portfolio/portfolio10.jpg"
												class="blete-featured-work-img"><i class="fa fa-search"></i></a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<!-- Portfolio Items -->

					<!-- Portfolio Items -->
					<div class="item blete-portfolio-item web-design">

						<img src="images/img-portfolio/portfolio3.jpg">
						<div class="blete-portfolio-details-wrapper">
							<div class="blete-portfolio-details">
								<div class="blete-portfolio-meta-btn">
									<ul>
										<li class="blete-lighbox"><a href="images/img-portfolio/portfolio3.jpg"
												class="blete-featured-work-img"><i class="fa fa-search"></i></a></li>
									</ul>
								</div>
							</div>
						</div>

					</div>
					<!-- Portfolio Items End -->

					<!-- Portfolio Items -->
					<div class="item blete-portfolio-item web-development">

						<img src="images/img-portfolio/portfolio11.jpg">
						<div class="blete-portfolio-details-wrapper">
							<div class="blete-portfolio-details">
								<div class="blete-portfolio-meta-btn">
									<ul>
										<li class="blete-lighbox"><a href="images/img-portfolio/portfolio11.jpg"
												class="blete-featured-work-img"><i class="fa fa-search"></i></a></li>
									</ul>
								</div>
							</div>
						</div>

					</div>
					<!-- Portfolio Items End -->

					<div class="item blete-portfolio-item web-design">

						<img src="images/img-portfolio/portfolio4.jpg">
						<div class="blete-portfolio-details-wrapper">
							<div class="blete-portfolio-details">
								<div class="blete-portfolio-meta-btn">
									<ul>
										<li class="blete-lighbox"><a href="images/img-portfolio/portfolio4.jpg"
												class="blete-featured-work-img"><i class="fa fa-search"></i></a></li>
									</ul>
								</div>
							</div>
						</div>

					</div>
					<!-- Portfolio Items End -->

					<!-- Portfolio Items -->
					<div class="item blete-portfolio-item web-development">

						<img src="images/img-portfolio/portfolio12.jpg">
						<div class="blete-portfolio-details-wrapper">
							<div class="blete-portfolio-details">
								<div class="blete-portfolio-meta-btn">
									<ul>
										<li class="blete-lighbox"><a href="images/img-portfolio/portfolio12.jpg"
												class="blete-featured-work-img"><i class="fa fa-search"></i></a></li>
									</ul>
								</div>
							</div>
						</div>

					</div>
					<!-- Portfolio Items End -->

					<!-- Portfolio Items -->
					<div class="item blete-portfolio-item web-design">

						<img src="images/img-portfolio/portfolio5.jpg">
						<div class="blete-portfolio-details-wrapper">
							<div class="blete-portfolio-details">
								<div class="blete-portfolio-meta-btn">
									<ul>
										<li class="blete-lighbox"><a href="images/img-portfolio/portfolio5.jpg"
												class="blete-featured-work-img"><i class="fa fa-search"></i></a></li>
									</ul>
								</div>
							</div>
						</div>

					</div>
					<!-- Portfolio Items End -->

					<!-- Portfolio Items -->
					<div class="item blete-portfolio-item web-development">

						<img src="images/img-portfolio/portfolio13.jpg">
						<div class="blete-portfolio-details-wrapper">
							<div class="blete-portfolio-details">
								<div class="blete-portfolio-meta-btn">
									<ul>
										<li class="blete-lighbox"><a href="images/img-portfolio/portfolio13.jpg"
												class="blete-featured-work-img"><i class="fa fa-search"></i></a></li>
									</ul>
								</div>
							</div>
						</div>

					</div>
					<!-- Portfolio Items End -->

					<!-- Portfolio Items -->
					<div class="item blete-portfolio-item web-design">

						<img src="images/img-portfolio/portfolio6.jpg">
						<div class="blete-portfolio-details-wrapper">
							<div class="blete-portfolio-details">
								<div class="blete-portfolio-meta-btn">
									<ul>
										<li class="blete-lighbox"><a href="images/img-portfolio/portfolio6.jpg"
												class="blete-featured-work-img"><i class="fa fa-search"></i></a></li>
									</ul>
								</div>
							</div>
						</div>

					</div>
					<!-- Portfolio Items End -->

					<!-- Portfolio Items -->
					<div class="item blete-portfolio-item web-development">

						<img src="images/img-portfolio/portfolio14.jpg">
						<div class="blete-portfolio-details-wrapper">
							<div class="blete-portfolio-details">
								<div class="blete-portfolio-meta-btn">
									<ul>
										<li class="blete-lighbox"><a href="images/img-portfolio/portfolio14.jpg"
												class="blete-featured-work-img"><i class="fa fa-search"></i></a></li>
									</ul>
								</div>
							</div>
						</div>

					</div>
					<!-- Portfolio Items End -->

					<!-- Portfolio Items -->
					<div class="item blete-portfolio-item web-design">

						<img src="images/img-portfolio/portfolio7.jpg">
						<div class="blete-portfolio-details-wrapper">
							<div class="blete-portfolio-details">
								<div class="blete-portfolio-meta-btn">
									<ul>
										<li class="blete-lighbox"><a href="images/img-portfolio/portfolio7.jpg"
												class="blete-featured-work-img"><i class="fa fa-search"></i></a></li>
									</ul>
								</div>
							</div>
						</div>

					</div>
					<!-- Portfolio Items End -->

					<!-- Portfolio Items -->
					<div class="item blete-portfolio-item web-development">

						<img src="images/img-portfolio/portfolio15.jpg">
						<div class="blete-portfolio-details-wrapper">
							<div class="blete-portfolio-details">
								<div class="blete-portfolio-meta-btn">
									<ul>
										<li class="blete-lighbox"><a href="images/img-portfolio/portfolio15.jpg"
												class="blete-featured-work-img"><i class="fa fa-search"></i></a></li>
									</ul>
								</div>
							</div>
						</div>

					</div>
					<!-- Portfolio Items End -->

					<!-- Portfolio Items -->
					<div class="item blete-portfolio-item web-design">

						<img src="images/img-portfolio/portfolio8.jpg">
						<div class="blete-portfolio-details-wrapper">
							<div class="blete-portfolio-details">
								<div class="blete-portfolio-meta-btn">
									<ul>
										<li class="blete-lighbox"><a href="images/img-portfolio/portfolio8.jpg"
												class="blete-featured-work-img"><i class="fa fa-search"></i></a></li>
									</ul>
								</div>
							</div>
						</div>

					</div>
					<!-- Portfolio Items End -->

					<!-- Portfolio Items -->
					<div class="item blete-portfolio-item web-development">

						<img src="images/img-portfolio/portfolio16.jpg">
						<div class="blete-portfolio-details-wrapper">
							<div class="blete-portfolio-details">
								<div class="blete-portfolio-meta-btn">
									<ul>
										<li class="blete-lighbox"><a href="images/img-portfolio/portfolio16.jpg"
												class="blete-featured-work-img"><i class="fa fa-search"></i></a></li>
									</ul>
								</div>
							</div>
						</div>

					</div>
					<!-- Portfolio Items End -->

				</div>
			</div>
			<!-- Works End -->


		</section>
		<!-- Portfolio Section End -->

		<div class="thn">
			<div class="container thn">
				<div class="row">
					<div class="blete-footer-content">
						<h6 class="blete-copyright-info">期待你的加入<a target="_blank"
								href="https://truckersmp.com/">加入我们</a>
							&nbsp;&nbsp;&nbsp;&nbsp;
							当前<a href="https://ets2.cn/server_status">服务器状态</a>
						</h6>
					</div>
				</div>
			</div>
		</div>

		<!-- =============================
                SCRIPTS
    ================================== -->
		<script src="js/jquery-1.11.3.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/modernizr.min.js"></script>
		<script src="js/jquery.easing.1.3.js"></script>
		<script src="js/jquery.scrollUp.min.js"></script>
		<script src="js/jquery.easypiechart.js"></script>
		<script src="js/jquery.countTo.js"></script>
		<script src="js/isotope.pkgd.min.js"></script>
		<script src="js/jflickrfeed.min.js"></script>
		<script src="js/jquery.fitvids.js"></script>
		<script src="js/jquery.stellar.min.js"></script>
		<script src="js/jquery.waypoints.min.js"></script>
		<script src="js/wow.min.js"></script>
		<script src="js/jquery.nav.js"></script>
		<script src="js/imagesloaded.pkgd.min.js"></script>
		<script src="js/smooth-scroll.min.js"></script>
		<script src="js/jquery.magnific-popup.min.js"></script>
		<script src="js/jquery.sliderPro.min.js"></script>
		<script src="js/owl.carousel.min.js"></script>
		<script src="js/custom.js"></script>

	</body>
</html>
